<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="math.css">
</head>
<body>
<!-- top导航 -->
	<div class="top-bar">
		<span class="modus">MODUS</span>VERSUS
	
		<ul>
		<li><button class="search"></button></li>
		<li><a  class="top-bar-a" href="#">CONTACTS</a></li>
		<li><a class="top-bar-a"  href="#">FEATURES</a></li>
		<li><a class="top-bar-a"  href="#">BLOG</a></li>
		<li><a id="top_bar_a" class="top-bar-a" href="#" onmouseover=showDiv() onmouseout=showdown()>∨ PORTFOLIO</a>
		<div class="show-div" id="showButton">
			<a href="#">Portfolio 2 column page</a>
			<a href="#">Portfolio 2 column page</a>
			<a href="#">Portfolio 2 column page</a>
		</div>
		</li>
		<li><a  class="top-bar-a" href="#">SERVICES</a></li>
		<li><a  class="top-bar-a" href="#">ABOUT</a></li>
		<li class="home"><a href="#" >HOME</a></li>
		</ul>
		<div class="path-index"></div>
	</div>


<!-- 文字部分 -->
<div class="about-us">
	<h2>CONTACT US</h2>
	<p><span>Home </span>  /  <span>Blog</span>     /   <span>portfolio</span> </p>
</div>
<!-- content -->
<div style="width: 100%;height: 1500px;background: #F3F3F3;">
<div style="width: 80%;height: 1500px;background: #F3F3F3;margin: 0 auto;">
	<div class="math-div">
		
	</div>
	<p class="etlt">Etiam tincidunt laoreet turpis a vulputate. Etiam diam lorem, convallis ac laoreet a, pretium id nisl. Morbi tincidunt nibh a ante fringilla at tincidunt eros venenatis. Nunc a dui mi, in imperdiet sem. Aenean eu nulla massa. Ut interdum tristique est commodo pharetra.</p>
	<div>
		<div class="ul-left">
		<h2>send noquery</h2>
		<ul>
			<li><input></input><span>Name</span></li>
			<li><input></input><span>E-mail</span></li>
			<li><input></input><span>Web-site</span></li>
			<li><textarea></textarea></li>
			<li><button>send</button></li>
		</ul>
		</div>

		<div class="addr-div">
			<h2>ADDRESS</h2>
			<p><img src="img/address.png">Ut interdum tristique est com
			modo pharetra.</p>
			<p><img src="img/phone.png">  11 2698 5698</p>
			<p><img src="img/email.png">  <a href="#">modus@versus.com</a></p>
		</div>
	</div>
</div>	
</div>

<!-- 尾部 -->
<div class="foot">
	
	<div class="path003"></div>

	<div class="foot-cont">
			<div class="fo-co-left">
				<p><span class="modu">MODUS</span><span class="vers">VERSUS</span></p>
				<p class="mo-ver">djs fdsj fjsjbfjd sqw cifdhl sdw9jf sjsdf sjd fdpocn isdqdpos dfa fed0wjds vmnsdf sdkjosf csfei cj jwd of askdsnc e jdwsf jskfwqsa vjdfjqaxs kjsdfj </p>
				<div class="fon-sty"><p>Phone:<span>182 5648 4545</span></p>
				<p>
					e-mail:<span>info@modu.versus</span>
				</p></div>
			</div>
			<div class="fo-co-center1"><h2>Company</h2>
			<a href="#">> About</a>
			<a href="#">> FAQ</a>
			<a href="#">> Contact</a>
			<a href="#">> Terrrs</a>
			<a href="#">> Privacy</a>
			<a href="#">> Testmonials</a></div>
			<div class="fo-co-center2"><h2>Community</h2>
			<a href="#">> Blog</a>
			<a href="#">> Forum</a>
			<a href="#">> Support</a>
			<a href="#">> Newsletter</a></div>
			<div class="fo-co-right">
				<p class="from-the"><span>from the </span>BLOG</p>
				<div class="img"><img src="img/img.png"><span>sdjf dfjf osdfj sodfxcm jf mclkds mvkd</span><h6>26 May,2013</h6></div>
				<div class="img"><img src="img/img.png"><span>d vkfdjf odsf dfj vce9 vcdikvdf vdk dkf kp</span><h6>26 May,2013</h6></div>
			</div>	
	</div>
	<div class="footer">
		<p>2013 ModusVersus</p>
		<div><a href="#"><img src="img/face.png"></a>
		<a href="#"><img src="img/google.png"></a>
		<a href="#"><img src="img/ytube.png"></a>
		<a href="#"><img src="img/wifi.png"></a></div>
	</div>
</div>
<script type="text/javascript" src="math.js"></script>
</body>
</html>